* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: inherit;
}
address,
cite,
dfn,
em,
var,
i {
    font-style: normal;
}
code,
kbd,
pre,
samp {
    font-family: courier new, courier, monospace;
}
small {
    font-size: 0.8;
}
ul,
ol {
    list-style: none;
}
fieldset,
img {
    border: 0;
}
button,
input,
select,
textarea {
    font-size: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
}

input,
select,
textarea {
    font-size: 100%;
    outline: none;
}
button {
    cursor: pointer;
    outline: none;
}
a {
    text-decoration: none;
    outline: none;
    color: inherit;
}
a,
button,
input,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
::-webkit-input-placeholder {
    color: #878986;
}
::-moz-placeholder {
    color: #878986;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #878986;
}
// ::-webkit-scrollbar {
//     width: 0;
//     height: 0;
//     background-color: rgba(240, 240, 240, 0);
//     display: none;
// }
// body,
// html {
//     -webkit-overflow-scrolling: touch;
//     min-width: 1000px;
//     color: initial !important;
// }
//滚动条
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  
  ::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
    border-radius: 2px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #ecedef;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #ecedef;
  }
  
  ::-webkit-scrollbar-corner {
    background: #ecedef;
  }
  
/*font*/
@font-face {
    font-family: 'iconfont'; /* Project id 3817311 */
    src: url('data:application/x-font-woff2;charset=utf-8;base64,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')
        format('woff2');
}

.iconfont {
    font-family: 'iconfont' !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cancel-alarm:before {
    content: '\e631';
}
.icon-place-alarm:before {
    content: '\e630';
}
.icon-road-gate:before {
    content: '\e60e';
}
.icon-plate:before {
    content: '\e611';
}
.icon-car-gate:before {
    content: '\e625';
}
.icon-alarm-fill:before {
    content: '\e69d';
}
.icon-setting:before {
    content: '\e607';
}
.icon-home:before {
    content: '\e6bc';
}
.icon-safe:before {
    content: '\e86b';
}

.icon-cloud:before {
    content: '\e6a4';
}

.icon-cascade:before {
    content: '\e695';
}

.icon-output:before {
    content: '\ec16';
}

.icon-transfer:before {
    content: '\e63f';
}

.icon-video:before {
    content: '\e958';
}

.icon-net:before {
    content: '\e834';
}

.icon-device:before {
    content: '\e64c';
}

.icon-fire1:before {
    content: '\e603';
}

.icon-iot:before {
    content: '\e7d5';
}

.icon-fire:before {
    content: '\e650';
}

.icon-notice:before {
    content: '\e622';
}

.icon-system:before {
    content: '\e632';
}

.icon-switches:before {
    content: '\e640';
}

.icon-pie:before {
    content: '\e635';
}

.icon-alarm:before {
    content: '\e60c';
}

.icon-smoke:before {
    content: '\e6b9';
}

.icon-users:before {
    content: '\e6d2';
}

.icon-water:before {
    content: '\e648';
}

.icon-screen:before {
    content: '\e673';
}

.icon-pump:before {
    content: '\e9e3';
}
body {
    font-family: 'Microsoft YaHei', Helvetica;
    font-size: 14px;
    line-height: 1.4;
    color: #000;
    min-width: 320px;
    margin: 0 auto;
    -webkit-text-size-adjust: none;
}
/* tools */
.dflex {
    display: flex;
}
.d-flex {
    display: flex;
    align-items: center;
}
.d-flex-column {
    flex-direction: column;
}
.d-flex-middle {
    align-items: center;
}
.d-flex-top {
    align-items: flex-start;
}
.d-flex-bottom {
    align-items: flex-end;
}
.d-flex-center {
    justify-content: center;
}
.d-flex-start {
    justify-content: flex-start;
}
.d-flex-end {
    justify-content: flex-end;
}
.d-flex-between {
    justify-content: space-between;
}
.d-flex-around {
    display: flex;
    justify-content: space-around;
}
.d-flex-1 {
    flex: 1;
}
.d-flex-2 {
    flex: 2;
}
// margin
.ml-30 {
    margin-left: 30px !important;
}
.ml-10 {
    margin-left: 10px;
}
.mt-5 {
    margin-top: 10px;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mt-80 {
    margin-top: 80px !important;
}
.mb-3 {
    margin-bottom: 3px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mr-5 {
    margin-right: 5px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-20 {
    margin-right: 20px;
}
.ml-5 {
    margin-left: 5px;
}
.my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.pd-10 {
    padding: 10px;
}
.pd-15 {
    padding: 15px;
}
.pd-20 {
    padding: 20px;
}
.mg-10 {
    margin: 10px;
}
.pd-5-10 {
    padding: 5px 10px;
}
.cr-wt {
    color: #fff;
}

// size
.w-100 {
    width: 100% !important;
}
// color
.color-primary {
    color: var(--el-color-primary) !important;
}
.color-success {
    color: $color-success !important;
}
.color-danger {
    color: $color-danger !important;
}
.color-warning {
    color: $color-warning !important;
}
.color-info {
    color: $color-info !important;
}
.color-default {
    color: #333 !important;
}
.color-gray {
    color: #999 !important;
}
.color-dgray {
    color: #666 !important;
}
.color-red {
    color: #fd7173 !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-22 {
    font-size: 22px !important;
}
.fs-30 {
    font-size: 30px !important;
}
.fw-b {
    font-weight: bold;
}
.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-twice-line {
    height: 2.78em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.overflow-auto {
    overflow: auto;
}

.splitter {
    display: block;
    height: 1px;
    background: #eee;
}
.pointer {
    cursor: pointer;
    &:hover {
        color: var(--el-color-primary);
    }
}
.full {
    width: 100%;
}
img.full {
    display: block;
}
img.icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
}
.white-box {
    padding: 20px;
    background: var(--el-bg-color-overlay);
    border-radius: 5px;
}
.white-box-1 {
    background: var(--el-bg-color-overlay);
    // border-radius: 5px;
}
.no-data {
    color: #999;
    padding: 20px;
    text-align: center;
}

// 重置ElementUI样式
html {
    .el-menu-item {
        &.is-active {
            background: rgba(var(--el-color-primary), 0.1);
            border-right: 3px solid var(--el-color-primary);
        }
    }
    .el-sub-menu {
        &.is-active {
            .el-sub-menu__title {
                color: var(--el-color-primary);
            }
        }
    }
    .el-table thead {
        tr th.el-table__cell {
            background: var(--el-bg-color-overlay);
        }
        .cell {
            font-weight: normal;
        
        }
    }
    .el-dialog__header {
        padding: 15px 20px;
        margin: 0;
        border-bottom: 1px solid #eee;
    }
    .el-dialog__footer {
        padding: 15px 20px;
        border-top: 1px solid #eee;
    }
    .el-dialog__headerbtn {
        top: 3px;
    }
    // .el-badge.dot {
    //     sup {
    //         vertical-align: middle;
    //     }
    // }
}
.filter-box {
    padding-bottom: 3px;
}
.dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--el-color-primary);
    &.warning {
        background: $color-warning;
    }
    &.success {
        background: $color-success;
    }
    &.danger {
        background: $color-danger;
    }
}

.dashboard-top-item {
    height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .top-item-content {
        position: relative;
        height: 104px;
        border-bottom: 1px solid #eee;
    }
    .small-chart {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 60%;
        height: 100px;
    }
    .num {
        padding: 12px 0;
        // color: #323130;
        font-weight: 700;
        font-size: 36px;
    }
    .icon {
        width: 102px;
    }
    .top-item-footer {
        padding-top: 20px;
        .el-badge {
            position: relative;
            top: -2px;
        }
        .value-item {
            display: flex;
            flex: 1;
            align-items: center;
            &:last-child {
                margin-left: 20px;
            }
            &:first-child {
                margin-right: 20px;
            }
        }
    }
}
.dashboard-alarm {
    height: 190px;
}
.dashboard-alarm-list {
    margin-top: 10px;
    height: 0.6rem;
    overflow-y: auto;
    .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6px 0;
    }
}
.gray-blk {
    background: #f6f6f6;
    padding: 20px;
    border-radius: 10px;
    color: #666;
}
.iot-card {
    margin-bottom: 20px;
    .cardType {
        position: absolute;
        top: 4px;
        right: 10px;
        padding: 3px 8px;
        color: #23c269;
        background: #d8fae5;
        border-radius: 5px;
    }
    .title {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
    }
    .iot-card-content {
        position: relative;
        border: 1px solid #e6e6e6;
        position: relative;
        padding: 20px;
        overflow: hidden;
        display: flex;
        align-items: center;
        .img {
            @include flex-c;
            width: 88px;
            height: 88px;
            // padding: 20px;
            margin-right: 32px;
            border-radius: 10px;
            border: 1px solid #eee;
            & > img {
                max-width: 100%;
                max-height: 100%;
            }
        }
        .state {
            position: absolute;
            top: 20px;
            right: -12px;
            display: flex;
            justify-content: center;
            width: 100px;
            padding: 2px 0;
            background-color: rgba(89, 149, 245, 0.15);
            transform: skewX(45deg);
            .state-content {
                display: flex;
                align-items: center;
                transform: skewX(-45deg);
            }
            &.success {
                background: rgba($color-success, 0.1);
                color: $color-success;
            }
            &.danger {
                background: rgba($color-danger, 0.1);
                color: $color-danger;
            }
        }
        .details {
            flex: 1;
            h5 {
                margin-bottom: 5px;
                font-size: 12px;
                color: #666;
            }
        }
    }
    .iot-card-oper {
        display: flex;
        align-items: center;
        margin-top: 10px;
        .card-button {
            flex-grow: 1;
            @include flex-c;
            height: 30px;
            padding: 0 10px;
            margin-right: 8px;
            // background: #f6f6f6;
            border: 1px solid #e6e6e6;
            &.delete {
                flex-grow: 0;
                margin-right: 0;
            }
        }
    }
    &.device-card {
        .iot-card-content {
            display: block;
            .img {
                padding: 0;
                border: none;
            }
        }
    }
}
.el-button.button-danger {
    background: $color-danger;
    border-color: $color-danger;
    &:hover,
    &:active,
    &:focus {
        background: rgba($color-danger, 0.8);
        border-color: rgba($color-danger, 0.8);
    }
}

.media-live {
    display: flex;
    align-items: center;
    .media-live-video {
        position: relative;
        flex-grow: 1;
        width: 0;
        height: 290px;
        background: #000;
    }
}
.live-player-tools {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 12px;
    flex-basis: 230px;
    margin-left: 16px;
    color: #333;
    .direction {
        position: relative;
        display: grid;
        grid-gap: 2px;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 30px;
        overflow: hidden;
        border-radius: 50%;
        transform: rotate(45deg);
        .direction-item {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-bottom: 100%;
            font-size: 36px;
            background-color: rgba(0, 0, 0, 0.1);
            transition: background-color 0.3s;
            cursor: pointer;
            &:hover {
                background: rgba(var(--el-color-primary), 1);
                color: #fff;
            }
        }
        .direction-audio {
            position: absolute;
            top: 50%;
            left: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 45%;
            height: 45%;
            font-size: 30px;
            background-color: #fff;
            border-radius: 50%;
            transform: translate(-50%, -50%) rotate(-45deg);
        }
        .direction-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(-45deg);
        }
    }
    .zoom {
        display: grid;
        grid-gap: 2px;
        grid-template-columns: 1fr 1fr;
        .zoom-item {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 12px 0;
            font-size: 24px;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.1);
            cursor: pointer;
            &:hover {
                background: rgba(var(--el-color-primary), 1);
                color: #fff;
            }
            &.zoom-in {
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
            }
            &.zoom-out {
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
            }
        }
    }
}
.media-live-tool {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.article {
    line-height: 1.8;
    color: #666;
}
.main-hd {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    &:before {
        position: absolute;
        left: 0;
        top: 50%;
        content: '';
        width: 5px;
        height: 16px;
        margin-top: -8px;
        background: var(--el-color-primary);
    }
}
.article {
    line-height: 1.8;
    color: #666;
}
.border {
    border: 1px solid #e3e3e3 !important;
}
.equipmenItem {
    position: relative;
    padding-left: 25px;
    padding-top: 15px;
}
.type {
    position: absolute;
    top: 4px;
    right: 10px;
    padding: 3px 8px;
    color: #23c269;
    background: #d8fae5;
    border-radius: 5px;
}
.equipmenItem_icon {
    width: 60px;
    height: 60px;
    margin: 20px 20px 20px 15px;
}
.gray_font {
    color: #838383;
}
.fl-bw {
    display: flex;
    justify-content: space-between;
}
.flex-column-bw {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.d-flex-between-1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.wrap {
    flex-wrap: wrap;
}
.margin {
    margin: 10px;
}
.cursor {
    cursor: pointer;
}
.bg-gray {
    background-color: #f7f7f7;
}
.ps-fixed {
    position: fixed;
}
.ps-ab {
    position: absolute;
}
.ps-re {
    position: relative;
}
.ps-b-0{
    bottom: 0;
}
.ps-b-10{
    bottom: 10px;
}
.ps-t-0 {
    top: 0;
}
.ps-t-70 {
    top: 70%;
}
.ps-t-60 {
    top: 60%;
}
.ps-t-85 {
    top: 85%;
}
.ps-l-0 {
    left: 0;
}
.ps-l-10 {
    left: 10px;
}
.ps-r-0 {
    right: 0;
}
.ps-r-5 {
    right: 5px;
}
.ps-r-10 {
    right: 10px;
}
.ps-r-20 {
    right: 20px;
}
.ps-r-60 {
    right: 60px;
}
.z-index-9 {
    z-index: 999;
}
.textA-c {
    text-align: center;
}
.line{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				//溢出内容隐藏
	text-overflow: ellipsis;		//文本溢出部分用省略号表示
	display: -webkit-box;			//特别显示模式
	-webkit-line-clamp: 3;			//行数
	line-clamp: 3;					
	-webkit-box-orient: vertical;	//盒子中内容竖直排列
    // height: 0.3rem;
}